<%_ if (!meta.css_use_suffix) { _%>
[class^="<%- meta.css_prefix_text %>"], [class*=" <%- meta.css_prefix_text %>"] {
<%_ } else { _%>
[class$="<%- meta.css_prefix_text %>"], [class*="<%- meta.css_prefix_text %> "] {
<%_ } _%>
  font-family: '<%- font.fontname %>';
  font-style: normal;
  font-weight: normal;

  /* fix buttons height */
  line-height: 1em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
}
<%_
  function unichr(code) {
    if (code > 0xffff) {
      code -= 0x10000;
      surrogate1 = 0xd800 + (code >> 10);
      surrogate2 = 0xdc00 + (code & 0x3ff);
      return String.fromCharCode(surrogate1, surrogate2);
    } else {
      return String.fromCharCode(code);
    }
  }

  function pad(s) {
    return s.length === 3 ? '0' + s : s;
  }

  var i, g, css, hex, chr;
_%>

<%_ for (i in glyphs) { _%>
  <%_
    g = glyphs[i];
    css = meta.css_use_suffix ? g.css + meta.css_prefix_text : meta.css_prefix_text + g.css;
    hex = pad(g.code.toString(16));
    chr = unichr(g.code);
  _%>
.<%- css %> { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#x<%- hex %>;&nbsp;'); }
<%_ } _%>
